<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>系统主页</title>
    <style type="text/css"></style>
    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    <link rel="icon" href="images/home.png" type="img/x-ico" />
</head>


<body background="">
    <div id="top">
        <img src="images/librarylogo.jpg">
    </div>
    <hr>
    <div id="middle">
        <img src="images/library.jpg" id="middle_bg" />
        <div id="middle_block">
            <form>
                <h1>广东财经大学-高校图书管理系统</h1>
                <h2>第九小组项目</h2>

                <p>欢迎您的使用，请先进行注册/登录。</p>
                <br>
                <div class="inputbox">
                    <input type="button"  value="注册" onclick="javascript:register()">
                    &nbsp;&nbsp;&nbsp;
                    <input type="button" name="" value="登录" onclick="javascript:login()">
                </div>
            </form>
        </div>
    </div>
    <hr>
    <div id="end">
        <div class="end_content">
            <p>相关链接：<a href="http://lib.gdufe.edu.cn/">广东财经大学图书馆</a></p>
            <p>版权&copy;：版权所有，违者必究！</p>
            <p>开发人员：林子程、龙熠燚、蔡其麟</p>
            <p>联系方式：<a href="mailto:1291282145@qq.com">XXX@qq.com</a></p>
        </div>
        <div class="end_content">
            <address>
                联系地址：广东财经大学
            </address>
        </div>
    </div>
</body>

</html>

<style>
    * {
        font-family: Microsoft YaHei;
        margin: 0 auto;
    }

    #top {
        width: 43%;
        height: 80%;
        background-color: white;
        text-align: center;
    }

    #middle {
        width: 1000px;
        height: 500px;
    }

    #middle_bg {
        width: 100%;
        height: 100%;
    }

    #middle_block {
        width: 80%;
        height: 80%;
        position: relative;
        top: -450px;
        left: 20px;
        text-align: center;
    }

    .inputbox input[type="button"] {
        background: transparent;
        border: none;
        outline: none;
        font-size: 20px;
        color: #03a9f4;
        background: rgb(190, 221, 247);
        padding: 15px 20px;
        cursor: pointer;
        /*光标呈现为指示链接的指针（一只手）*/
        border-radius: 10px;
        position: relative;
        top: auto;
    }

    .inputbox input[type="button"] {
        background: transparent;
        border: none;
        outline: none;
        font-size: 20px;
        color: #03a9f4;
        background: rgb(190, 221, 247);
        padding: 15px 20px;
        cursor: pointer;
        /*光标呈现为指示链接的指针（一只手）*/
        border-radius: 10px;
        position: relative;
        top: auto;
    }

    #end {
        width: 20%;
        height: 80%;
        background-color: white;
        padding-top: 20px;
        text-align: center;
    }

    .end_content {
        text-align: center;
    }
</style>

<script>
    function register() {
        window.location.href = "Register.html";
    }
    function login() {
        window.location.href = "Login.html";
    }
</script>